<template>
  <view class="container">
    <!-- web-view和cover-view必须是同级关系 https://h5.waimai.meituan.com/login -->
    <web-view :src="webviewTestUrl" class="webview" :style="{height: windowHeight + 'px'}"></web-view>
    <!--登录提示内容 -->
    <cover-view  @click="LoginTipFun" class="coverBtn_LoginTip" :style="{bottom: isShowLoginTip ? '-80rpx' : '250rpx'}">
      <cover-view @click="LoginTipFun">步骤：登录下单账号 > 打开订单详情页 > 点击检测</cover-view>
      <cover-image @click="LoginTipFun" :src="BaseImgUrl + '/order/close.png'" class="cover_close"></cover-image>
    </cover-view>
    <!--tip内容 -->
    <cover-view class="coverBtn_Tip" :style="{bottom: isShowTip ? '250rpx' : '-80rpx'}">
      <cover-view class="coverBtn_Tip_left">TIPS</cover-view>
      <cover-view class="coverBtn_Tip_content">
        <cover-view class="coverBtn_Tip_content_text">请选择“甜颜蜜屿生日蛋糕·韩式切块</cover-view>
        <cover-view class="coverBtn_Tip_content_text">(贵阳店)”的订单</cover-view>
      </cover-view>
      <cover-image @click="itemChangeTip" :src="BaseImgUrl + '/order/close.png'" class="cover_close"></cover-image>
    </cover-view>
    <!--扫描内容-->
    <cover-view class="coverBtn_scan" :style="{bottom: isShowScanTip ? '250rpx' : '-100rpx'}">
      <cover-image @click="captureWebview" :src="BaseImgUrl + '/order/scan.png'" class="cover_scan_img"></cover-image>
      <cover-view @click="captureWebview" class="cover_scan_text">点击检测订单信息</cover-view>
    </cover-view>
    <!--检测内容 -->
    <cover-view class="coverBtn_check" :style="{height: windowHeight + 50 + 'px', top: isShowScanCheckTip ? '-200rpx' : '1650rpx'}">
      <cover-view class="coverBtn_check_box">
        <cover-view class="coverBtn_check_top">
          <cover-image :src="BaseImgUrl + '/order/cover_check_img01.gif'" class="cover_check_img"></cover-image>
          <cover-view class="coverBtn_check_top_text" :style="{marginTop: isShowCheckTip ? '0' : '60rpx'}">正在检测中...</cover-view>
          <cover-view class="coverBtn_check_top_text" :style="{marginTop: isShowCheckTipC ? '-80rpx' : '40rpx'}">恭喜你，订单检测成功</cover-view>
          <cover-view class="coverBtn_check_top_text" :style="{marginTop: isShowCheckTipF ? '-180rpx' : '0'}">很抱歉，订单检测失败</cover-view>
        </cover-view>
        <cover-view class="coverBtn_check_content">
          <cover-view class="coverBtn_check_item">
            <cover-view class="cover_check_img_content">
              <cover-image :src="BaseImgUrl + '/order/finish_icon01.png'" class="cover_check_img" :style="{marginTop: isOrderNoPass ? '0' : '60rpx'}"></cover-image>
              <cover-image :src="BaseImgUrl + '/order/unusual_icon01.png'" class="cover_check_img" :style="{marginTop: isOrderNoPassF ? '-96rpx' : '10rpx'}"></cover-image>
            </cover-view>
            <cover-view class="coverBtn_check_item_content">
              <cover-view class="coverBtn_check_item_text" :style="{marginTop: isOrderNoPass ? '0' : '60rpx'}">订单号检测无误</cover-view>
              <cover-view class="coverBtn_check_item_text unusual" :style="{marginTop: isOrderNoPassF ? '-100rpx' : '10rpx'}">订单号检测异常</cover-view>
            </cover-view>
          </cover-view>
          <cover-view class="coverBtn_check_line">
            <cover-image :src="BaseImgUrl + '/order/dashed_icon01.png'" class="coverBtn_check_img" :style="{marginLeft: isOrderNoPass || isOrderNoPassF ? '0' : '60rpx'}"></cover-image>
          </cover-view>
          <cover-view class="coverBtn_check_item">
            <cover-view class="cover_check_img_content">
              <cover-image :src="BaseImgUrl + '/order/finish_icon01.png'" class="cover_check_img" :style="{marginTop: isShopNamePass ? '0' : '60rpx'}"></cover-image>
              <cover-image :src="BaseImgUrl + '/order/unusual_icon01.png'" class="cover_check_img" :style="{marginTop: isShopNamePassF ? '-96rpx' : '10rpx'}"></cover-image>
            </cover-view>
            <cover-view class="coverBtn_check_item_content">
              <cover-view class="coverBtn_check_item_text" :style="{marginTop: isShopNamePass ? '0' : '60rpx'}">店铺名检测无误</cover-view>
              <cover-view class="coverBtn_check_item_text unusual" :style="{marginTop: isShopNamePassF ? '-100rpx' : '10rpx'}">店铺名检测异常</cover-view>
            </cover-view>
          </cover-view>
          <cover-view class="coverBtn_check_line">
            <cover-image :src="BaseImgUrl + '/order/dashed_icon01.png'" class="coverBtn_check_img" :style="{marginLeft: isShopNamePass || isShopNamePassF ? '0' : '60rpx'}"></cover-image>
          </cover-view>
          <cover-view class="coverBtn_check_item">
            <cover-view class="cover_check_img_content">
              <cover-image :src="BaseImgUrl + '/order/finish_icon01.png'" class="cover_check_img" :style="{marginTop: isOrderTimePass ? '0' : '60rpx'}"></cover-image>
              <cover-image :src="BaseImgUrl + '/order/unusual_icon01.png'" class="cover_check_img" :style="{marginTop: isOrderTimePassF ? '-96rpx' : '10rpx'}"></cover-image>
            </cover-view>
            <cover-view class="coverBtn_check_item_content">
              <cover-view class="coverBtn_check_item_text" :style="{marginTop: isOrderTimePass ? '0' : '60rpx'}">下单时间检测无误</cover-view>
              <cover-view class="coverBtn_check_item_text unusual" :style="{marginTop: isOrderTimePassF ? '-100rpx' : '10rpx'}">下单时间检测异常</cover-view>
            </cover-view>
          </cover-view>
          <cover-view class="coverBtn_check_line">
            <cover-image :src="BaseImgUrl + '/order/dashed_icon01.png'" class="coverBtn_check_img" :style="{marginLeft: isOrderTimePass || isOrderTimePassF ? '0' : '60rpx'}"></cover-image>
          </cover-view>
          <cover-view class="coverBtn_check_item">
            <cover-view class="cover_check_img_content">
              <cover-image :src="BaseImgUrl + '/order/finish_icon01.png'" class="cover_check_img" :style="{marginTop: isPayMoneyPass ? '0' : '60rpx'}"></cover-image>
              <cover-image :src="BaseImgUrl + '/order/unusual_icon01.png'" class="cover_check_img" :style="{marginTop: isPayMoneyPassF ? '-96rpx' : '10rpx'}"></cover-image>
            </cover-view>
            <cover-view class="coverBtn_check_item_content">
              <cover-view class="coverBtn_check_item_text" :style="{marginTop: isPayMoneyPass ? '0' : '60rpx'}">实付金额检测无误</cover-view>
              <cover-view class="coverBtn_check_item_text unusual" :style="{marginTop: isPayMoneyPassF ? '-100rpx' : '10rpx'}">实付金额检测异常</cover-view>
            </cover-view>
          </cover-view>
        </cover-view>
        <!--订单检测显示结果按钮 -->
        <cover-view class="coverBtn_check_bottom">
          <cover-view class="coverBtn_check_bottom_text" :style="{marginTop: isShowFinalBtn ? '0' : '80rpx'}">
            <cover-view style="height: 20rpx"></cover-view>
            <cover-view @click="confirmAndReturnFun" style="height: 40rpx">确定并返回提交凭证</cover-view>
          </cover-view>
          <cover-view class="coverBtn_check_bottom_textF" :style="{marginTop: isShowFinalBtnF ? '-160rpx' : '500rpx'}">
            <cover-view @click="giveUpOrderFun" class="btn_cancle">
              <cover-view style="height: 4rpx"></cover-view>
              <cover-view @click="giveUpOrderFun" style="height: 40rpx">放弃订单</cover-view>
            </cover-view>
            <cover-view @click="continueSubmitFun" class="btn_confirm">
              <cover-view style="height: 4rpx"></cover-view>
              <cover-view @click="continueSubmitFun" style="height: 40rpx">继续提交人工审核</cover-view>
            </cover-view>
          </cover-view>
        </cover-view>
      </cover-view>
    </cover-view>
    <!--<cover-view class="coverBtn">
      <cover-view @click="captureWebview"  class="coverBtn_child">截图检测</cover-view>
    </cover-view>-->
  </view>
</template>

<script setup>
import { ref, provide } from "vue";
import {BaseURL, BaseImgUrl} from "../utils/lshttp";
import {onLoad, onReady} from "@dcloudio/uni-app";
import {conUtils} from "../utils/conUtils";
import {cancelOrderAPI} from "../services/order";
// 美团h5的url地址
const webviewUrl = ref("https://h5.waimai.meituan.com/waimai/mindex/olist")
// 测试用
const webviewTestUrl = ref("https://www.baidu2.com")
// 页面高度
const windowHeight = ref(uni.getWindowInfo().windowHeight)
// 获取webview的对象变量
const ws = ref()
// 截图容器
const bitmap = ref()
// 订单id
const order_id = ref()
// 订单来源
const source = ref()
// 定义一个检测数组，存放检测结果
const checkedArr = ref([
  {
    is_orderNo_checked: true,
    isTrue: true
  },
  {
    is_shopName_checked: true,
    isTrue: true
  },
  {
    is_orderTime_checked: true,
    isTrue: true
  },
  {
    is_payMoney_checked: true,
    isTrue: true
  }
])
// 订单详情页
const order_package_title = ref()
onLoad((options) => {
  console.log('获取页面参数', options)
  order_id.value = options.id
  source.value = options.source
  console.log('页面高度', uni.getWindowInfo().windowHeight)

})
onReady(() => {
  // 获取当前Webview窗口对象
  let pages = getCurrentPages();
  let page = pages[pages.length - 1];
  let currentWebview = page.$getAppWebview();
  // var currentWebview = this.$scope.$getAppWebview() //vue2的用法
  setTimeout(() => {
    let wv = currentWebview.children()[0];
    ws.value = wv;
    ws.value.setStyle({ height: 1200 });
    // 加载h5链接
    wv.loadURL(webviewUrl.value)
    // console.log('页面元素1==', ws.value);

  }, 500)
})

// 存储返回的数据
const backData = ref()

// 显示登录提示内容
const isShowLoginTip = ref(false)
// 显示提示内容
const isShowTip = ref(false)
// 显示扫码内容
const isShowScanTip = ref(false)
// 扫描过程内容
const isShowScanCheckTip = ref(false)
// 检测状态的显示
const isShowCheckTip = ref(true)
const isShowCheckTipC = ref(false)
const isShowCheckTipF = ref(false)
// 订单号检测是否通过
const isOrderNoPass = ref(false)
const isOrderNoPassF = ref(false)
// 店铺名检测是否通过
const isShopNamePass = ref(false)
const isShopNamePassF = ref(false)
// 下单时间检测是否通过
const isOrderTimePass = ref(false)
const isOrderTimePassF = ref(false)
// 实付金额检测是否通过
const isPayMoneyPass = ref(false)
const isPayMoneyPassF = ref(false)
//最终检测结果按钮是否显示
const isShowFinalBtn = ref(false)
const isShowFinalBtnF = ref(false)
// 点击登录提示内容切换状态
const LoginTipFun = () => {
  isShowLoginTip.value = true
  isShowTip.value = true
  console.log('提示内容切换状态', isShowTip.value)
}
// 点击提示内容切换状态
const itemChangeTip = () => {
  isShowTip.value = false
  isShowScanTip.value = true
}

// 截屏事件处理
const captureWebview = () => {
  // 隐藏扫描按钮
  isShowScanTip.value = false
  // 显示扫描过程内容
  isShowScanCheckTip.value = true
  ws.value.setStyle({ height: 1200 });
  if (!ws.value) {
    uni.showToast({ title: 'Webview未初始化', icon: 'none' })
    return
  }
  bitmap.value = new plus.nativeObj.Bitmap('test');
  // 将webview内容绘制到Bitmap对象中
  let rand = Math.floor(Math.random() * 10000)
  let saveUrl = '_doc/' + rand + 'order.jpg'
  ws.value.draw(bitmap.value, function() {
    bitmap.value.save(saveUrl, {}, function(i) {
      // uploadImge(i.target)
      screenshotImg(i.target)
      startChecking()
      // console.log('图片路径=',i.target);
      // console.log('保存图片成功：' + JSON.stringify(i));
    })
    // console.log('截屏绘制图片成功', _this.bitmap);
  }, function(e) {
    uni.hideLoading()
    // console.log('截屏绘制图片失败：' + JSON.stringify(e));
  });

}

// 截图上传图片到后端
const screenshotImg = (file) => {
  console.log('订单id===', order_id.value);
  uni.uploadFile({
    url: BaseURL + '/api/order/OrderOcrCheck',
    method: 'POST',
    filePath: file,
    formData: {
      order_id: order_id.value
    },
    name: 'file',
    success(res1) {
      let data = JSON.parse(res1.data)
      backData.value = data
      // uni.setStorageSync('backData', data)
      let checkedObj = {
        is_orderNo_checked: data.result.is_orderNo_checked,
        is_shopName_checked: data.result.is_shopName_checked,
        is_orderTime_checked: data.result.is_orderTime_checked,
        is_payMoney_checked: data.result.is_payMoney_checked,
      }
      checkedArr.value.forEach((item, index) => {
        if (index === 0){
          checkedArr.value[index].is_orderNo_checked = checkedObj.is_orderNo_checked
          checkedArr.value[index].isTrue = checkedObj.is_orderNo_checked
        } else if (index === 1){
          checkedArr.value[index].is_shopName_checked = checkedObj.is_shopName_checked
          checkedArr.value[index].isTrue = checkedObj.is_shopName_checked
        } else if (index === 2){
          checkedArr.value[index].is_orderTime_checked = checkedObj.is_orderTime_checked
          checkedArr.value[index].isTrue = checkedObj.is_orderTime_checked
        } else if (index === 3){
          checkedArr.value[index].is_payMoney_checked = checkedObj.is_payMoney_checked
          checkedArr.value[index].isTrue = checkedObj.is_payMoney_checked
        }
      })
      // checkedArr.value = Object.entries(checkedObj)
      console.log("对象数据=", checkedObj)
      console.log("返回值数组===", checkedArr.value)
      console.log("上传图片成功返回值=", data)


    }, fail(e) {
      uni.showToast({title: "上传失败" + JSON.stringify(e), icon: "none"})
    }, complete() {
      uni.hideLoading()
    }
  })
}
// 监听数组来判断检测结果
let currentIndex = ref(0);
let intervalId = null;
const startChecking = () => {
  if (intervalId) {
    clearInterval(intervalId); // 如果已存在定时器，先清除它
  }
  console.log('当前数组和索引=', checkedArr.value, currentIndex.value)
  intervalId = setInterval(() => {
    if (checkedArr.value[currentIndex.value] && checkedArr.value[currentIndex.value].isTrue)
    {
      if (currentIndex.value === 0){
        isOrderNoPass.value = true
        currentIndex.value++; // 移动到下一个对象
        console.log('当前当前=', currentIndex.value)
      } else if (currentIndex.value === 1){
        isShopNamePass.value = true
        currentIndex.value++; // 移动到下一个对象
        console.log('当前当前=', currentIndex.value)
      } else if (currentIndex.value === 2){
        isOrderTimePass.value = true
        currentIndex.value++; // 移动到下一个对象
        console.log('当前当前=', currentIndex.value)
      } else if (currentIndex.value === 3){
        isPayMoneyPass.value = true
        currentIndex.value++; // 移动到下一个对象
        console.log('当前当前=', currentIndex.value)
        // 判断检测数组是否全部通过
        if (checkedArr.value.find(item => item.isTrue === false)){
          console.log('检测不通过')
          // 最后一步显示不通过按钮
          isShowFinalBtnF.value = true
          // 最后一步检测隐藏“检测中”
          isShowCheckTip.value = false
          // 检测不通过显示检测状态
          isShowCheckTipF.value = true
        }else {
          console.log('检测通过')
          // 最后一步检测显示按钮
          isShowFinalBtn.value = true
          // 最后一步检测隐藏“检测中”
          isShowCheckTip.value = false
          // 检测通过显示检测状态
          isShowCheckTipC.value = true
        }
      }
      if (currentIndex.value > checkedArr.value.length) {
        clearInterval(intervalId); // 如果已经检查完所有对象，停止定时器
      }
    }
    else {
      if (currentIndex.value === 0){
        isOrderNoPassF.value = true
        currentIndex.value++; // 移动到下一个对象
        console.log('当前当前f=', currentIndex.value)
      } else if (currentIndex.value === 1){
        isShopNamePassF.value = true
        currentIndex.value++; // 移动到下一个对象
        console.log('当前当前f=', currentIndex.value)
      } else if (currentIndex.value === 2){
        isOrderTimePassF.value = true
        currentIndex.value++; // 移动到下一个对象
        console.log('当前当前f=', currentIndex.value)
      } else if (currentIndex.value === 3){
        isPayMoneyPassF.value = true
        currentIndex.value++; // 移动到下一个对象
        console.log('当前当前f=', currentIndex.value)
        // 判断检测数组是否全部通过
        if (checkedArr.value.find(item => item.isTrue === false)){
          console.log('检测不通过')
          // 最后一步显示不通过按钮
          isShowFinalBtnF.value = true
          // 最后一步检测隐藏“检测中”
          isShowCheckTip.value = false
          // 检测不通过显示检测状态
          isShowCheckTipF.value = true
        }
      }
      if (currentIndex.value > checkedArr.value.length) {
        clearInterval(intervalId); // 如果已经检查完所有对象，停止定时器
      }

    }

    /* if (currentIndex.value >= checkedArr.value.length) {
      clearInterval(intervalId); // 如果已经检查完所有对象，停止定时器
    } */
  }, 3000); // 每3秒检查一次

}

// 确定并返回提交凭证
const confirmAndReturnFun = () => {
  uni.navigateTo({
    url: '/pages_order/order_voucher?orderID=' + order_id.value + "&backData=" + encodeURIComponent(JSON.stringify(backData.value.result))
  })
}
// 放弃订单
const giveUpOrderFun = () => {
  uni.navigateTo( {
    url: '/pages_order/order_voucher?orderID=' + order_id.value
  })
}
// 继续提交人工审核
const continueSubmitFun = () => {
  uni.navigateTo( {
    url: '/pages_order/order_app_voucher?orderID=' + order_id.value + "&source=" + source.value
  })
}
// 上传图片并检测
const uploadImge = (file) => {
  console.log('订单id===', order_id.value);
  uni.showToast({
    title: '上传中...',
    icon: "loading",
    duration: 2000,
  })
  uni.uploadFile({
    url: BaseURL + '/api/order/OrderOcrCheck', //图片上传接口
    method: 'POST',
    filePath: file,
    name: 'file',
    formData: {
      'order_id': order_id.value
    },
    success: res => {
      console.log('图片信息=',res.data);
      const msgData = JSON.parse(res.data)

      if(msgData.msg == "订单未完成，请先完成订单" || msgData.msg == "商家名称不一致" || msgData.msg == "实付金额不符合活动门槛"){
        uni.showToast({
          title: msgData.msg,
          icon: 'none',
          duration: 2000
        })
      } else if(msgData.msg == "订单编号不一致" || msgData.msg == "不是当天下单"){
        uni.showModal({
          title: msgData.msg,
          content: msgData.msg + "，已转至人工，不可再重复截图。",
          showCancel: false,
          confirmColor: '#ff371d',
          success: async (res) => {
            if (res.confirm) {
              await uni.navigateTo({
                url: '/pages_order/order_voucher?orderID=' + order_id.value + '&webView=webView'
              })
            }
          },
        })
      }

    },
    fail(err) {
      uni.showToast({
        title: err.data.msg,
        icon: "none",
        duration: 2000
      })
      console.log('上传失败！', err);
    }
  })
}

</script>


<style  lang="scss">
page{
  /* width: 100%;
  height: 100%; */
}
.container {
  position: relative;
  width: 100%;
  height: 100%;

}
.webview {
  width: 100%;
  height: 60%;
}
.coverBtn{
  position: fixed;
  z-index: 100;
  bottom: 250rpx;
  left: 30rpx;
  right: 30rpx;
  /* transform: translate(-50%, 0); */
  font-size: 32rpx;
  text-align: center;
  background: #ff0000;
  /* display: flex;
  align-items: center;
  justify-content: center; */
}
/* 提示登录内容css */
.coverBtn_LoginTip{
  min-height: 60rpx;
  position: fixed;
  z-index: 1000;
  bottom: 250rpx;
  left: 30rpx;
  right: 30rpx;
  font-size: 28rpx;
  color: #FFFFFF;
  padding: 20rpx 0 0 20rpx;
  box-shadow: 0 10rpx 20rpx 0 rgba(13, 194, 61, 0.3);
  background: rgba(13, 194, 61, .8);
  border-radius: 20rpx;
  .cover_close{
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 20rpx 0 20rpx;
    text-align: center;
    background: rgba(255,255,255,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
/* 提示tips css */
.coverBtn_Tip{
  width: calc(100% - 90rpx);
  min-height: 100rpx;
  line-height: 40rpx;
  position: fixed;
  z-index: 100;
  bottom: 250rpx;
  left: 30rpx;
  right: 30rpx;
  font-size: 28rpx;
  color: #FFFFFF;
  padding: 20rpx 0 0 20rpx;
  box-shadow: 0 10rpx 20rpx 0 rgba(13, 194, 61, 0.3);
  background: rgba(13, 194, 61, .8);
  border-radius: 20rpx;
  .coverBtn_Tip_left{
    width: 80rpx;
    height: 36rpx;
    line-height: 34rpx;
    font-size: 24rpx;
    color: #06A530;
    text-align: center;
    background: #FFFFFF;
    border-radius: 6rpx;
    float: left;
  }
  .coverBtn_Tip_content{
    width: calc(100% - 100rpx);
    float: right;
    .coverBtn_Tip_content_text{
      white-space: nowrap;
      word-break: break-word;
    }
  }
  .cover_close{
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 20rpx 0 20rpx;
    text-align: center;
    background: rgba(255,255,255,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
/* 扫码css */
.coverBtn_scan{
  width: 480rpx;
  min-height: 100rpx;
  line-height: 100rpx;
  position: fixed;
  z-index: 100;
  bottom: 250rpx;
  left: 30rpx;
  right: 30rpx;
  margin: 0 auto;
  box-shadow: 0 10rpx 20rpx 0 rgba(13, 194, 61, 0.3);
  background: rgba(13, 194, 61, .8);
  border-radius: 50rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  .cover_scan_img{
    width: 36rpx;
    height: 36rpx;
  }
  .cover_scan_text{
    font-size: 34rpx;
    color: #FFFFFF;
    text-align: center;
  }
}
/* 扫描css */
.coverBtn_check{
  width: 100%;
  position: fixed;
  z-index: 100;
  top: -200rpx;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  .coverBtn_check_box{
    height: 900rpx;
    position: absolute;
    bottom: 0rpx;
    left: 1rpx;
    right: 1rpx;
    padding: 30rpx;
    background: #FFFFFF;
    border-radius: 32rpx;
    box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, 0.3);
    .coverBtn_check_top{
      width: 100%;
      height: 250rpx;
      text-align: center;
      overflow: hidden;
      .cover_check_img{
        width: 250rpx;
        height: 190rpx;
        margin: 0 auto;
      }
    }
    .coverBtn_check_content{
      margin-top: 80rpx;
      margin-bottom: 50rpx;
      padding: 0 50rpx;
      .coverBtn_check_item{
        width: 100%;
        height: 40rpx;
        display: flex;
        align-items: center;
        overflow: hidden;
        .cover_check_img_content{
          width: 40rpx;
          height: 40rpx;
          overflow: hidden;
          .cover_check_img{
            width: 36rpx;
            height: 36rpx;
          }
        }
        .coverBtn_check_item_content{
          width: 100%;
          height: 40rpx;
          overflow: hidden;
          .coverBtn_check_item_text{
            margin-left: 30rpx;
            font-size: 28rpx;
            color: #3D3D3D;
            line-height: 40rpx;
            text-align: left;
          }
          .unusual{
            color: #FF8118;
          }
        }
      }
      .coverBtn_check_line{
        width: 40rpx;
        height: 50rpx;
        overflow: hidden;
        .coverBtn_check_img{
          width: 40rpx;
          height: 50rpx;
        }
      }
    }
    .coverBtn_check_bottom{
      padding: 30rpx 30rpx env(safe-area-inset-bottom) 30rpx;
      height: 80rpx;
      overflow: hidden;
      .coverBtn_check_bottom_text{
        width: 100%;
        height: 80rpx;
        font-size: 32rpx;
        color: #FFFFFF;
        text-align: center;
        background: #0DC23D;
        border-radius: 50rpx;
      }
      .coverBtn_check_bottom_textF{
        width: 100%;
        height: 80rpx;
        font-size: 32rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
      }
      .btn_cancle{
        width: 240rpx;
        color: #888888;
        padding: 18rpx 0;
        background: #FFFFFF;
        border-radius: 50rpx;
        border: 2rpx solid #D9D9D9;
      }
      .btn_confirm{
        flex: 1;
        padding: 20rpx 0;
        margin-left: 20rpx;
        color: #FFFFFF;
        background: #0DC23D;
        border-radius: 50rpx;
      }
    }
  }
}
.coverBtn_child{
  width: 200rpx;
  height: 80rpx;
  flex: 1;
}

.cover_btn{
  position: fixed;
  z-index: 9999;
  bottom: 250rpx;
  left: 30rpx;
  right: 30rpx;
  padding: 20rpx 0;
  text-align: center;
  color: #FFFFFF;
  background: #ff0000;
  border-radius: 50rpx;
}
</style>
